 $(function(){ 
 //设置cookie名称
  document.cookie="name=ling&age=28";
  var arrStr = document.cookie.split("&");
  console.log(document.cookie);
  console.log(arrStr);
  let name= $('#user_name')[0].innerText;
  var login='登录',
  uflag=false;
  if(name=='游客'){
	  
  }else{
	  uflag=true;
	login='登出';  
  }

//定义一个组建
Vue.component('header-div', {
	props:['loginName','loginFlag'],
  data: function () {
    return {
	 login:'登录',
     loginOut:'登出',	 
	  regist:'注册'
    }
  },
  template: '<div class="header"><span><template v-if="loginFlag"><a  v-on:click="loginOut">{{loginOut}}</a></template><template v-else><a href="http://localhost:8888/login">{{login}}</a></template>/<a href="http://localhost:8888/regist">{{regist}}</a><span></div>',
  methods:{
	loginOut:function(){
		console.log(111);
	}  
  }
})


//3.创建实例
new Vue({
  el: '#app',
  data:{
	  login:login,
	  uflag:uflag,
	  posts:[
	  {id:1,title:'组件',value:'aa',dclass:'active ' },
	  {id:2,title:'props传值',value:'aa',dclass:'' },
	  {id:3,title:'hhaa3',value:'aa',dclass:'' },
	  ]
  }
})



 })